﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>拖动</title>
    <link href="css/main.css" rel="stylesheet"/>
    <script src="js/drag.js"></script>
</head>
<body>
<div class="loginPanel" id="loginPanel">
    <div style="position: relative; z-index: 1;">
        <div class="ui_boxyClose" id="ui_boxyClose"></div>
    </div>
    <div class="login_logo_webqq"></div>


    <div class="inputs">
        <div class="sign-input"><span>帐　号：</span><span><input autocomplete="on" name="u" id="u" type="text"
                                                              style="ime-mode: disabled" class="input01" tabindex="1"
                                                              value="QQ号码或Email帐号"
                                                              onFocus="if (value =='QQ号码或Email帐号'){value =''}"
                                                              onBlur="if (value ==''){value='QQ号码或Email帐号';}"/></span>
        </div>
        <div class="sign-input"><span>密　码：</span><span><input name="p" id="p" maxlength="16" type="password"
                                                              class="input01" tabindex="2"/></span></div>
    </div>

    <div class="bottomDiv">
        <div class="btn" style="float: left"></div>
        <div>
            <div id="loginState" class="login-state-trigger login-state-trigger2 login-state" title="选择在线状态">
                <div id="loginStateShow" class="login-state-show online">状态</div>
                <div class="login-state-down">下</div>
                <div class="login-state-txt" id="login2qq_state_txt">在线</div>
                <ul id="loginStatePanel" class="statePanel login-state" style="display: none">
                    <li id="online" class="statePanel_li">
                        <div class="stateSelect_icon online"></div>
                        <div class="stateSelect_text">我在线上</div>
                    </li>
                    <li id="callme" class="statePanel_li">
                        <div class="stateSelect_icon callme"></div>
                        <div class="stateSelect_text">Q我吧</div>
                    </li>
                    <li id="away" class="statePanel_li">
                        <div class="stateSelect_icon away"></div>
                        <div class="stateSelect_text">离开</div>
                    </li>
                    <li id="busy" class="statePanel_li">
                        <div class="stateSelect_icon busy"></div>
                        <div class="stateSelect_text">忙碌</div>
                    </li>
                    <li id="silent" class="statePanel_li">
                        <div class="stateSelect_icon silent"></div>
                        <div class="stateSelect_text">请勿打扰</div>
                    </li>
                    <li id="hidden" class="statePanel_li">
                        <div class="stateSelect_icon hidden"></div>
                        <div class="stateSelect_text">隐身</div>
                    </li>
                </ul>
            </div>

        </div>


    </div>

</div>


</body>
</html>
